<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./js/jquery.js"></script>
    <style>
      .box {
        width: 100px;
        height: 100px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div class="father">
      我是父元素
      <div class="son">儿子</div>
      <div class="lingju">邻居</div>
    </div>

    <div class="nav">
      <p class="ps">我是上级元素</p>
      <div>
        <p>我是p标签</p>
      </div>
    </div>
    <p>0000</p>
    <span>我是span</span>
    <a href="#">33333333</a>
     <span>我是span1111</span>
     <div>
      <span>888888888</span>
     </div>
     <span>55555555555</span>
    <ul>
      <li>我是UI第一个</li>
      <li class="fir">我是UI第二个</li>
      <li>我是UI第三个</li>
      <li>我是UI第四个</li>
    </ul>
    <ol>
      <li>我是OI第一个</li>
      <li class="ols">我是OI第二个</li>
      <li>我是OI第三个</li>
      <li>我是OI第四个</li>
    </ol>
    <script>
      $(function () {
         $(".son").parent().css("color", "red");
         console.log($(".son").parent());
      });

    </script>
  </body>
</html>
